/*
 * Définitions des styles de polices
 */

/* Définitions générales */
h1, h2, h3, h4, li, th, td, a, label, strong, p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Définitions les liens */
a {
	text-decoration: none;
}

/*
 * Définitions des blocs
 */

/* Définitions générales */
* {
	margin: 0 auto;
	padding: 0;
}

/* ul-li sans puce en inline-block */
ul.InlineList {
	list-style-type: none;
}
ul.InlineList li{
	display: inline-block;
	margin: 2px;
	padding: 2px 5px;;
	border: 1px outset #505050;
	border-radius: 5px;
}

/* définition des blocs en mis en boite */
.Boxed {
	border:1px outset #CCCCCC;
	border-radius: 10px;
	margin: 5px;
	padding: 5px;
	background: #EEEEEE;
}

@keyframes AutoSlide {
    0%, 15%, 100% {
        left: 0px; /*1ère image*/
    }
    35%, 50% {
        left: -100.25%; /*2ème image*/
    }
    70%, 85% {
        left: -201%; /*3ème image*/
    }
}





/* CSS du header */
#header {
	height: 50px;
	background-color: rgba(255, 255, 255, 0.8);
	border-bottom: 2px solid lightblue;
	position: relative;
	z-index: 999;
}

#header_connexion li {
	text-align: center;
	line-height: 47px;
	float: right;
	display: inline-block;
	height: 50px;
	transition: background-color 0.3s, width 0.3s ease 0.15s;
	z-index: 999;
	position: relative;
}

#header_login {width:265px;}
#header_register {width:120px;}
#header_register input[type="submit"]
{
    border: 0;
    background: none;
    font: purple;
    color: purple;
    text-decoration: none;
    cursor:pointer;
}

#header_login div {
	opacity: 1;
	width: 100%;
	height: 0px;
	margin-top:3px;
	transition:0.8s opacity, 0.6s height, 1s visibility;
	visibility:hidden;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 1);
	border-bottom: 2px solid lightblue;
	border-right: 2px solid lightblue;
	border-left: 2px solid lightblue;
}

#header_login:hover div {
	opacity: 1;
	height:400%;
	visibility:visible;
	transition:0.4s opacity, 0.6s height, 1s visibility;
	background-color: rgba(255, 255, 255, 1);
}

/*#header_login div table {
	text-align: left;
	margin-left: 15px;
	font-style: italic;
	color: rgba(247, 247, 247, 1)
}*/
	#header_login table {width:100%;}
	#header_login table a {color: rgba(210, 210, 210, 1);}
	#header_login table a:hover {font-style:italic;}

#header_rechercher {
	margin-left: 50px;
	margin-top: 7.5px;
	float: left;
}

#header_rechercher li {
	display: inline-block;
}

#header_logo li {
	display: inline-block;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
}

.form-control {
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s, box-shadow 0.15s ease-in-out;
	background-color: rgba(255, 255, 255, 1);
}

.form-control:focus {
	border-color: #66AFE9;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

	.form-header {
		height: 30px;
		width: 250px;
	}

.btn {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0);
	border-color: #CCCCCC;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.btn:hover {
	background-color: rgba(128, 128, 128, 0.20);
	/*background-color: rgba(144, 238, 144, 0.20);*/
	border-color: grey;
}

.btn:active {
	background-color: rgba(127, 127, 127, 0.65);
}

	.btn-header {
		margin-left: 10px;
		height: 33px;
		width: 70px;
	}
	
	.btn-profil {
		float:right;
		margin:10px; 
		height:30px; 
		width:100px;
	}
	
.btn-header-connexion {
	background-color: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0);
	border-color: #CCCCCC;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.btn-header-connexion:hover {border-color: white;}


/* FIN */
/* CSS de la page main.php */

#slider {
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
    margin-top: 3px;
}
#sContent li {
    display: inline;
}
/*#sContent:hover {
	-moz-animation-play-state:paused;
}*/

#sContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 400%;
    margin: 0;            
    padding: 0;
    -moz-animation-name: AutoSlide;
    -moz-animation-duration: 10s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-name: AutoSlide;
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

#best {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:2px;
	background-color: rgba(230,230,230,0.85);
	height: 500px;
	width: 1100px;
	float: left;
	margin-top: 20px;
}

#bestdesc {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:2px;
	background-color: rgba(230,230,230,0.85);
	height: 500px;
	width: 400px;
	float: right;
	margin-top: 20px;
	margin-right:5px;
	text-align:justify;
}

#renteddesc {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:2px;
	background-color: rgba(230,230,230,0.85);
	height: 500px;
	width: 400px;
	float: left;
	margin-top: 20px;
	margin-left: 5px;
	text-align:justify;
}

#rented {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:2px;
	background-color: rgba(230,230,230,0.85);
	height: 500px;
	width: 1100px;
	float: right;
	margin-top: 20px;
}

/* CSS pour la page de recherche sans minimap */
#filtre3 {
	border: 1px solid black;
	width: 400px;
	height: 700px;
	float: left;
}

#allresults3 {
	border: 1px solid black;
	width: 1110px;
	height: 700px;
	overflow-y: auto;
	margin-right: 0px;
}

#allresults3 div {
	border: 1px solid black;
	height: 220px;
	width: 345px;
	margin: 15px;
	margin-right: 0px;
	display: inline-block;
}
/* FIN */

/* CSS pour la page de logement */
#logementname {
	width: 86%;
	margin-top: 10px;
}
#logementname p {font-style:italic;width:100%;}
#logementname h1 {font-size:1.4em;width:100%;}

#slideshow_container {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius: 2px;
	float:left;
	width:56%;
	height:580px;
	margin-left: 7%;
	margin-top: 20px;
	background-color: rgba(230, 230, 230, 0.65);
}
	
#slideshow {
	width: 94%;
	height: 82.5%;
	margin: 0 auto;
	margin-top: 15px;
	overflow:hidden;
	position:relative;
}

#slContent {
		height: 100%;
		width: 400%;
		position: absolute;
	}
	
	#slContent li {display:inline;}

#slideshow_miniature_container {
	border: 1px solid rgba(0,0,0, 0.10);
	border-radius: 2px;
	width: 100%;
	height: 12%;
	margin-top:18px;
	background-color: rgba(255,255,255, 0.85);
}

	#button-prev {
		margin-top: 2%;
		height: 0;
		width: 0;
		float:left;
		border-right:36px solid #AAAAAA;
		border-bottom:18px solid transparent;
		border-top:18px solid transparent;
	}
	
	#button-next {
		height:0;
		width: 0;
		margin-top: 2%;
		float:right;
		border-left:36px solid #AAAAAA;
		border-bottom:18px solid transparent;
		border-top:18px solid transparent;
	}

#slideshow_miniature {
	width: 91%;
	height:87%;
	margin-top: 0.6%;
	position: relative;
	overflow:hidden;
}

#slmContent {
	width:400%;
	height: 100%;
	margin-left: 10px;
	position:absolute;
}

#slmContent li {display: inline;}

#logementinfos {
	width: 24%;
	height: 990px;
	margin-right: 7%;
	margin-top: 20px;
	float:right;
}
	
	#logement_infos {
		width:100%;
		height:23%;
		background-color: rgba(230, 230, 230, 0.65);
		border-radius:2px;
		border:1px solid rgba(0,0,0,0.10);
	}
	
	#logement_price table {width:87%;height:100%;text-align:center;}
	#logement_price table th {text-align:left;}
	#logement_price table td {font-size:2.0em;}
	#logement_price {
		width:100%;
		height:27%;
		font-size:1.2em;
		margin-top:5%;
		color:rgba(120,120,120,1);
	}
	
	#logement_note {
		width: 100%;
		height:20%;
		margin-top:4%;
		text-align: center;
		font-size: 1.1em;
		color: #A4A4A4;
	}
		#logement_note table {width:90%; text-align:justify;}
		#logement_note td {width:50%; text-align:center;}
	
	#logement_date {
		clear:both;
		width:95%;
		margin-top: 10px;
		margin-left: 30px;
	}
	
	.logement_date {
		display: inline-block;
		padding:5px;
	}
	
	#logementlouer {
		border:1px solid black;
		height: 80px;
		width: 100%;
		background-color: rgba(255,255,255, 0.85);
		border: 1px solid rgba(0,0,0, 0.10);
		border-radius:2px;
	}

	#userinfos {
		width: 100%;
		height: 58%;
		float: left;
		margin-top: 75px;
	}

	#user_avatar {
		height: 60%;
		width:100%;
		background-color: rgba(230, 230, 230, 0.65);
		border-radius:2px;
		border:1px solid rgba(0,0,0,0.10);
	}
	
		#user_avatar img {margin-top:26px; margin-left: 16%;}
		#user_avatar div {width: 100%; text-align:center; font-size:1.6em;margin-top:20px;}
	
	#user_infos {
		height:42%;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.85);
		border-radius:2px;
		border:1px solid rgba(0,0,0,0.10);
	}
	
		#user_infos table {
			width: 100%;
			height: 100%;
			text-align:center;
		}
		#user_infos table th {color:rgba(180,180,180,1);width:60%;}


#logementdesc {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius: 2px;
	background-color: rgba(230, 230, 230, 0.85);
	width: 56%;
	height: 680px;
	float: left;
	margin-left: 7%;
	margin-top: 20px;
}

	#logement_desc {
		border: 1px solid rgba(0,0,0, 0.10);
		border-radius: 2px;
		height: 94%;
		width: 60%;
		margin-top: 2%;
		margin-left:2%;
		background-color: rgba(255,255,255, 0.75);
		text-align: justify;
		float:left;
	}
	
	#logement_Tinfos {
		height:94%;
		width:35%;
		float:right;
		margin-top:2%;
		margin-right:2%;
		border: 1px solid rgba(0,0,0,0.10);
		border-radius:2px;
		background-color:rgba(255,255,255,0.75);
	}
	
		#logement_Tinfos table {border-collapse:collapse; width:95%; height:98%;margin-top:2%;}
		#logement_Tinfos th {
			padding:10px;
			width:45%;
			background-color: rgba(200,200,200,0.55);
		}
		#logement_Tinfos td {
			width:55%;
			text-align: center;
		}
	
#allview {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:2px;
	background-color: rgba(230, 230, 230, 0.65);
	height: 1000px;
	width: 56%;
	float: left;
	margin-top: 20px;
	margin-left: 7%;
}

	#avis_ajout {
		border: 1px solid rgba(0,0,0,0.10);
		border-radius: 2px;
		background-color: rgba(255,255,255,0.75);
		width: 96%;
		height: 22.8%;
		margin: 2% auto;
	}
	
	#avis_message {
			border-radius:2px;
			height: 70%;
			width:75%;
			float:right;
			margin-top:1%;
			margin-right:2%;
			text-align:justify;
		}
	
	#avis_btn {
			height:35px;
			width:100px;
			float:left;
			margin-left:4.4%;
		}
	.btn-avis {height:100%;width:100%;}

	.avis {
		border: 1px solid rgba(0,0,0,0.10);
		border-radius: 2px;
		background-color: rgba(255,255,255,0.75);
		width: 96%;
		height: 22.8%;
		margin: 2% auto;
	}
		.avis_img {
		height: 140px;
		width: 140px;
		margin: 2%;
		float:left;
		}
		.avis_date {
			height:40px;
			width:140px;
			float:left;
			margin-left:3%;
			font-style:italic;
			font-size:0.9em;
		}
		.avis_note {
			width:75%;
			float:right;
			margin-top:3%;
			margin-right: 2%;
			color: #A4A4A4;
			font-size:1.3em;
			font-style:italic;
		}
		.avis_message {
			border: 1px solid rgba(0,0,0,0.10);
			border-radius:2px;
			height: 70%;
			width:75%;
			float:right;
			margin-top:1%;
			margin-right:2%;
			text-align:justify;
		}

.form-logement_infos {
	height: 30px;
	width: 100px;
}
.for-logement_infos2 {width:50px;}

.btn_louer {
	height: 50px;
	width: 80%;
	margin-top: 15px;
	margin-left: 41px;	
}

/* FIN */
/* CSS de la page myaccount.php */
#menu_account {
	border: 1px solid black;
	float: left;
	height: 450px;
	width: 300px;
	margin-top: 110px;
	margin-left: 10px;
	border-radius: 0px 25px 25px 0px;
	background-color: rgba(128, 128, 128, 0.8);
}

#menu_account h1 {
	font-size: 1.3em
}

#menu_account li {
	list-style-type: none;
	height: 50px;
	padding: 20px;
	width: 87%;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.8);
	transition: 0.5s background-color ease;
}

#menu_account li:first-child {
	border-radius: 0px 25px 0px 0px;
}

#menu_account li:last-child {
	border-radius: 0px 0px 25px 0px;
}

#menu_account li:hover {
	background-color: rgba(128, 128, 128, 0.8);
}

#menu_account li div {
	height: 92%;
	width:76%; 
	left: 315px;
	top: 0;
	visibility:hidden;
	opacity:0;
	transition:1s left,1s width, 0.7s visibility, 1s opacity;
	position: absolute;
	z-index: 50;
	margin-top: 50px;
	border-radius: 15px;
}

#account_profil:target {
	left: 340px;
	visibility: visible;
	opacity:1;
	/*width: 600px;*/
	transition: 1s left, 1s width, 0.7s visibility, 1s opacity;
}
	#profil_img {
		margin-top: 20px;
		margin-left: 20px;
		width: 250px;
		float: left;
	}

	#profil_infos {
		margin-top: 20px;
		margin-right: 115px;
		height: 28.3%;
		width: 55%;
		float:right;
	}
		
		#profil_infos table {
			border: 2px solid #CCCCCC;
			width: 100%;
			height: 100%;
			border-collapse:collapse;
			/*margin-top: 10px;
			margin-left: 15px;*/
		}
		
		#profil_infos table tr th {padding:10px; background-color:rgba(128,128,128, 0.2); text-align:center; width:100px;}
		#profil_infos table tr td {padding:10px; background-color:rgba(200,200,200, 0.2);}
		
	#profil_biographie {
		clear:both;
		float:left;
		margin-left: 20px;
		margin-top: 15px;
	}
	
	#profilpwd {
		height:20%;
		width: 25%;
		float: left;
		margin-left: 6%;
		margin-top:9%;
	}
	#profilpwd table {width:100%;height:100%;border-collapse:collapse;border: 2px solid #CCCCCC;}
	#profilpwd table tr th {background-color:rgba(128,128,128, 0.2); text-align:center; width:50%;}
	#profilpwd table tr td {background-color:rgba(200,200,200, 0.2);padding-left:5px;}
		
	#profil_footer {width:100%; border-top:2px solid #CCCCCC; float:left; margin-top:10px;}
		
#account_logements:target {
	visibility: visible;
	opacity:1;
	width: 77%;
	left: 340px;
	transition: 1s left, 1s width, 0.7s visibility, 1s opacity;
}

	#logements_ajouter {
		border: 1px dashed rgba(0,0,0,0.50);
		border-radius: 2px;
		background-color: rgba(230, 230, 230, 0.85);
		height: 145px;
		width:100%;
		margin-top:20px;
	}
	.btn-annonce {height:40px; width:150px; margin:4.5% auto;display:block;}
	
	.mes_logements {
		border: 1px solid rgba(0,0,0,0.10);
		border-radius: 2px;
		background-color: rgba(230, 230, 230, 0.85);
		height: 145px;
		width:100%;
		margin-top:20px;
	}
	.mes_logements img {margin-top:1%;margin-left:1%;}
	.mes_logements table {
		border: 1px solid rgba(0,0,0,0.10);
		border-radius: 3px;
		background-color:rgba(255,255,255,0.85);
		border-collapse:collapse;
		float:right;
		height:90%;
		text-align:center;
		width:87%;
		margin-top:0.7%;
		margin-bottom:0.7%;
		margin-right:1%;
	}
	.mes_logements th {background-color:rgba(240,240,240,0.75);}


#account_avis:target {
	visibility: visible;
	opacity:1;
	width: 77%;
	left: 340px;
	transition: 1s left, 1s width, 0.7s visibility, 1s opacity;
}
	
	.account_avis_container {
		border:1px solid rgba(0,0,0,0.10);
		border-radius:2px;
		background-color:rgba(230,230,230,0.85);
		width:30%;
		height:40%;
		margin-left:2%;
		margin-top:2%;
		display:inline-block;
	}
	.account_avis_container img {margin:3%; float:left;}
	.account_avis_name {float: right;margin-top:6%;margin-right:23%;}
	.account_avis_date {
		margin-top:5%;
		margin-right:15%;
		float: right;
		font-style:italic;
		font-size:0.8em;
	}
	.account_avis_desc {
		border:1px solid rgba(0,0,0,0.10);
		border-radius:2px;
		background-color:rgba(255,255,255,0.65);
		clear:both;
		width:92%;
		height:54%;
	}


#account_historique:target {
	visibility: visible;
	opacity:1;
	width: 77%;
	left: 340px;
	transition: 1s left, 1s width, 0.7s visibility, 1s opacity;
}

	.account_historique {
		border:1px solid rgba(0,0,0,0.10);
		border-radius:2px;
		background-color:rgba(230,230,230,0.85);
		width:100%;
		height:20%;
		margin-top:2%;
	}
	.account_historique table {
		border:1px solid #CCCCCC;
		border-radius:2px;
		width:98%;
		height:90%;
		margin-top:0.6%;
		border-collapse:collapse;
		background-color:rgba(255,255,255,0.65);
		text-align:center;
		}
	.account_historique th {background-color:rgba(200,200,200,0.65);}

#account_contact:target {
	visibility: visible;
	opacity:1;
	width: 77%;
	left: 340px;
	transition: 1s left, 1s width, 0.7s visibility, 1s opacity;
}

/* FIN */
/* CSS de la page ajout_location.php */

#Ajouter {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius: 2px;
	background-color: rgba(230,230,230,0.85);
	width: 70%;
	margin-top:10px;
	font-size:1.8em;
	text-align:center;
}

#ajout_location {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius: 2px;
	background-color: rgba(230,230,230,0.85);
	height: 500px;
	width: 70%;
	margin-top:1%;
}

#ajout_location table {
	height:100%;
	width: 100%;
	text-align: left;
}

#ajout_infos1 {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:2px;
	background-color: rgba(255,255,255, 0.65);
	height: 94%;
	width:48%;
	margin-top:1.3%;
	margin-left: 1.5%;
	float:left;
}

#ajout_infos2 {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:2px;
	background-color: rgba(255,255,255, 0.65);
	height:94%;
	width: 48%;
	margin-top:1.3%;
	margin-right:1.5%;
	float:right;
}

#ajout_location2 {
	border: 1px solid rgba(0,0,0,0.10);
	border-radius:2px;
	background-color: rgba(230,230,230, 0.85);
	height: 400px;
	width: 70%;
	margin-top:2%;
}
	#ajout_calendrier {
		border: 1px solid rgba(0,0,0,0.10);
		border-radius:2px;
		background-color: rgba(255,255,255, 0.65);
		margin-left: 1.5%;
		margin-top: 1.5%;
		height: 91%;
		width: 48%;
		float:left;
	}
	
	#ajout_calendrier table {width:100%; height:100%; text-align:center;}
	
	#ajout_img {
		border: 1px solid rgba(0,0,0,0.10);
		border-radius:2px;
		background-color: rgba(255,255,255, 0.65);
		margin-right: 1.5%;
		margin-top: 1.5%;
		height: 91%;
		width: 48%;
		float:right;
	}
	
	#ajout_img table {
        border: 1px solid rgba(0,0,0,0.10);
        border-radius:2px;
        height: 100%;
        width: 100%;
        text-align:center;
}
        #ajout_calendrier {
                border: 1px solid rgba(0,0,0,0.10);
                border-radius:2px;
                background-color: rgba(255,255,255, 0.65);
                margin-left: 1.5%;
                margin-top: 1.5%;
                height: 91%;
                width: 48%;
                float:left;
        }
       
        #ajout_calendrier table {width:100%; height:100%; text-align:center;}
       
        #ajout_img {
                border: 1px solid rgba(0,0,0,0.10);
                border-radius:2px;
                background-color: rgba(255,255,255, 0.65);
                margin-right: 1.5%;
                margin-top: 1.5%;
                height: 91%;
                width: 48%;
                float:right;
        }
       
        #ajout_img table {width:100%; height:100%; text-align:center;}

		.form-control-ajout {
			height: 40px;
			width: 99%;
			text-align:center;
		}

#ajouter_footer {width:100%; border-top:2px solid #CCCCCC;margin-top:4%;clear:both;}
